/**
 * 用户相关的小仓库
 */
import { defineStore } from 'pinia'
// 引入接口
import { reqLogin, reqUserInfo, reqLogout } from '@/api/user'
// 引入登录相关的数据类型
import type {
  loginFormData,
  loginResponseData,
  userInfoResponseData,
} from '@/api/user/type'
import type { userState } from '@/store/modules/types/type'
// 引入操作本地存储的方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from '@/utils/token'
// 引入常量路由对象
import { constantRoutes } from '@/router/routers'

let useUserStore = defineStore('User', {
  // 小仓库，存储数据
  state: (): userState => {
    return {
      token: GET_TOKEN(),
      // 仓库存储生成菜单需要的数组（路由）
      menuRoutes: constantRoutes,
      username: '',
      avatar: '',
    }
  },

  // 异步/逻辑处理
  actions: {
    // 用户登录方法
    async userLogin(data: loginFormData) {
      let result: loginResponseData = await reqLogin(data)
      // 登录成功，将 token 存储到 pinia 中，由于 pinia / vuex 存储数据是利用 js 对象存储，无法持久化
      if (result.code === 200) {
        this.token = result.data as string
        // 所以还要将 token 存储到本地存储中，进行持久化
        SET_TOKEN(result.data as string)
        // 能保证当前 async 函数返回一个成功的 Promise
        return 'ok'
      } else {
        return Promise.reject(new Error(result.data))
      }
    },

    // 获取用户信息
    async userInfo() {
      // 获取用户信息存储在仓库中【用户头像，用户名称】
      let result: userInfoResponseData = await reqUserInfo()
      if (result.code === 200) {
        this.username = result.data.name
        this.avatar = result.data.avatar
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },

    // 退出登录
    async userLogout() {
      let result: any = await reqLogout()
      if (result.code === 200) {
        this.token = ''
        this.username = ''
        this.avatar = ''
        REMOVE_TOKEN()
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
  },

  // 计算属性
  getters: {},
})

// 对外暴露
export default useUserStore
